<table class="table" contenteditable="false">
  <thead>
    <tr>
      <th>编号</th>
      <th>计划名称</th>
      <th>所属项目</th>
    </tr>
  </thead>
  <tbody>
      <tr style="height: 70px;font-weight: 600;font-size: 15px">
      <td>
          <div class="post-body">
            <input type="text" class="ge_input1" id="a1"  />
          </div>
      </td>
      <td>
          <div class="post-body">
            <input type="text" class="ge_input2" id="a2"  />
          </div>
      </td>
      <td>
          <div class="post-body">
             <select>
                  <option value ="1">1</option>
                  <option value ="2">2</option>
                  <option value="3">3</option>
                  <option value="4">4</option>
             </select>
          </div>
      </td>
      <td width="60" style="padding-right: 0px;padding-left: 20px;">
              <button type="button" onclick="makeSure({{ loop_index }})" class="btn btn-success" style="margin-right: 10px;margin-left: 30px;">
                  编辑1
              </button>

      </td>
      <td width="60" style="padding-right: 0px;padding-left: 20px;">
              <button type="button" onclick="makeSure('a2')" class="btn btn-success" style="margin-right: 10px;margin-left: 30px;">
                  编辑2
              </button>

      </td>
    </tr>
  </tbody>

</table>

<script type="text/javascript">

    function makeSure(id) {
        console.log(id)
            $('#'+id).removeClass().addClass("hide_border").attr("readonly",true);
            }

    function updateMsg(){
        alert("2222");
        $("input.hide_border").each(function(){
            $(this).removeClass().addClass("ge_input").attr("readonly",false);
        });
    };
</script>